import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 导入normalize依赖包
import 'normalize.css'
// 引入样式文件
import '@/styles/common.less'
// 封装抽离骨架组件
import xtxUI from '@/components'
// 导入抽离出去封装的自定义指令
import directivePlugin from '@/directives'
// 全局注册图片懒加载自定义指令
// vue2
// Vue.directive(指令名, {
// inserted (el, binding) {
// }
// })
// createApp(App).use(store).use(router).mount('#app')
const app = createApp(App)
// vue3 抽离出去进行封装
// app.directive('lazy', {
//   // 指令所在的元素，dom结构被解析完成
//   // el 是元素本身，binding是一个对象，可以从里面解构出来当前的value值
//   // mounted (el, binding) {
//   mounted (el, { value }) {
//     console.log({ el, value })
//   }
// })
app.use(directivePlugin)
app.use(xtxUI)
app.use(store)
app.use(router)
app.mount('#app')
